<!DOCTYPE html>
<style>
	 body { 
	   background:url("bg3.jpg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
	   background-size:cover;  /* 让背景图基于容器大小伸缩 */
	   background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    //此条属性必须设置否则可能无效/
	   background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
	  font-family:方正姚体;
	 }
	a{
		 color:#336666;
		  text-decoration:none;
	 }
	 p{
		 color: #3D7878;
	 }
	 input{
	 		 font-size:35px;
	 		 font-family:方正姚体;
	 		 background-color: whitesmoke;
	 }
	 button{
	 			border:solid 10px aquamarine;
	 		    border-radius:10px;
	 			border-style: groove;
	 			border-color: #547d49;
	 			height:60px;
	 			width: 180px;
	 		    font-size:35px;
	 			font-weight: 900;
	 			color: #3D7878;
	 		 	font-family:方正姚体;
	 		    background-color: floralwhite;
	 				-webkit-transition-duration: 0.4s; /* Safari */
	 				    transition-duration: 0.4s; 
	 		 }
		.button:hover {
			     box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
				 }
	 .left{
		 		float: left;
		 	    }
	.right{
		 		float: right;
		 	    }
	 }
</style>
<html>
<head>
	<title>浏览界面</title>
	<meta charset="utf-8"/>
	<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
	<script src="./js/user.js"></script>
</head>
<body>
	<a href="userIndex.html" style="font-family: YouYuan;font-size:35px;color: #81CDC0;"><&nbsp;返回主页</a>
	<div style="text-align:center ;font-size:40px;margin-top:50px;">
		
		<div align="center">
			<input type="text" name="keyword" id="keyword" placeholder="请输入检索关键字">
			<button type="submit" value="搜索" onclick="search()">搜索</button>
		</div>
		<div align="center">
			<p>目前展示的：<span id="now">所有类型</span><p>
			<input type="button" onclick="show()" id="message" value="小道消息">
			<input type="button" onclick="sort(1)" id="upload" value="按上传时间升序">
			<input type="button" onclick="sort(0)" id="year" value="按所属年份升序">
		</div>
		<div id="notice" align="center"></div>
		<table id="test" border='1' align="center" style="font-size: 31px"></table>
	</div>	
</body>
</html>